﻿@page "/Application/Manage"
@rendermode InteractiveServer
@attribute [ReuseTabsPage(Singleton = true, Title = "应用管理")]

@using Microsoft.FluentUI.AspNetCore.Components

@inherits AuthComponentTabIndexBase<ApplicationViewModel, string, ApplicationEdit>


<IndexToolBar OnToolClick="OnToolClickAsync"></IndexToolBar>
<FluentMultiSplitter OnResize="@OnResizeHandlerMain" Height="@currPageHeight.GetDoublePX()" Style="border: 0px dashed var(--accent-fill-rest); ">
	<FluentMultiSplitterPane Size="30%" Min="50px" Max="70%">
		<IndexLeft @ref="IndexLeftList" tableHeightCssName="tableHeightleft" tableHeight="tableHeightLeft" OnRowClickEvent="OnLeftRowClick">

		</IndexLeft>
	</FluentMultiSplitterPane>
	<FluentMultiSplitterPane Size="70%">
		<FluentMultiSplitter OnResize="@OnResizeHandlerRight" OnExpand="@OnCollapseExpand" OnCollapse="@OnCollapseExpand" Orientation="Orientation.Vertical">
			<FluentMultiSplitterPane Collapsible="true" Size="@tableHeightRightBottomPre.ToUnP()" Min="50px" Max="@tableHeightRightBottomPre.ToP()">
				<Flex Justify="FlexJustify.Start" Align="FlexAlign.Center" Class="editContent">
					<ApplicationEdit @ref="EditForm" model="EditModel" OnModelChanged="IndexLeftList.OnModelChangedAction"></ApplicationEdit>
				</Flex>
			</FluentMultiSplitterPane>
			@* 	<FluentMultiSplitterPane Collapsible="true" Size="@tableHeightRightBottomPre.ToP()">
				<IndexToolBarAction></IndexToolBarAction>
				<IndexRight tableHeightCssName="tableHeightBottom" tableHeight="tableHeightRight" ></IndexRight>
			</FluentMultiSplitterPane> *@
		</FluentMultiSplitter>
	</FluentMultiSplitterPane>
	@* 	<FluentMultiSplitterPane Size="30%">
		Properties
	</FluentMultiSplitterPane> *@
</FluentMultiSplitter>
<style>
	.editContent {
		margin: 15px 0 0 10px;
	}
</style>

@code
{

}
